<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h3 {
            font-weight: 500;
        }
        .span1 {
            color: red;
        }
        .span2 {
            color: green;
        }
    </style>
</head>
<body>
    <h3><a href="#">零基础开始学 <span class="span1">Web 前端</span>开发，有什么建议吗? - 知乎</a></h3>
    <p><span class="span1">Web 前端</span>开发技术主要包括三个要素：
        HTML、CSS 和 JavaScript，
        它要求前端开发工程师不仅要掌握基本的<span class="span1">Web 前端</span>开发技术，
        网站性能优化，SEO 和服务器端的基础...</p>
    <p>
        <span class="span2">https://www.zhihu.com/question...</span>  
        <img src="../img/v2.png">
        百度快照
    </p> 
    <h3><a href="#"><span class="span1">Web 前端</span>技术论坛所有讨论帖 - ITeye论坛频道</a></h3>
    <p><span class="span1">Web 前端</span>技术版面讨论，
        JavaScript编程、AJAX开发、UI界面设计、CSS 
        分类: JavaScript AJAX EXT JQuery prototype CSS 界面设计...</p>
    <p>
        <span class="span2">www.iteye.com/forums/b...</span>
        <img src="../img/v2.png">  
        百度快照</p>
</body>
</html>